<template>
  <div class="trading-terminal-details-view">

    <item-title title="终端信息" />

    <terminal-info-view :datas="datas" />

    <item-title title="产品信息" />

    <product-info-view :datas="datas" />

    <item-title title="代理价格信息" />

    <agent-info-view :datas="datas" />

    <item-title title="配送信息" />

    <distributor-info-view :datas="datas" />

    <item-title title="修改记录" style="margin-top: 20px" />

    <operation-view :id="datas.devId" mode="dev" />

  </div>
</template>

<script>
import terminalInfoView from '../../../../../../supplyChannels/formal/detail/modules/terminalInfoView.vue'
import productInfoView from '../../../../../../supplyChannels/formal/detail/modules/productInfoView.vue'
import agentInfoView from '../../../../../../supplyChannels/formal/detail/modules/agentInfoView.vue'
import distributorInfoView from '../../../../../../supplyChannels/formal/detail/modules/distributorInfoView.vue'
import {defineComponent} from 'vue'

export default defineComponent({
  name: 'DetailsView',
  components: { distributorInfoView, agentInfoView, productInfoView, terminalInfoView },
  props: {
    datas: {
      type: Object,
      default: {}
    }
  }
})
</script>

<style scoped>

</style>
